body {


    width: 100%;
    overflow: hidden;
    background:url("../images/bgrepeat.png") repeat;
}
/*适配600以下屏宽*/
@media screen and (max-width: 1024px) {

    /*body{*/
        /*background-color: #FBFBFA;*/
    /*}*/
    .page {
        width: 100%;
        /*
        width: 96%;
        margin-left: 2%;*/
    }
}

/*适配600以上屏宽*/
@media screen and (min-width: 1024px) {
    body{
        background-color: #DDB872;
    }
    .page {
        width: 640px;
        max-width: 640px;
        margin-left: calc(50% - 320px);
    }
}

.page {
    height: 100%;
    position: absolute;
    font-size: 100px;
    text-align: center;
}
.hide {
    display: none;
}



.page-4-1 {
    background: url("../images/splash.png") no-repeat;
    background-size: 100% auto;
}
.page-current {
    z-index: 1;
}
.img_sd{
    height: auto;
    width: 5%;
    position: absolute;
    left:45%;
    top: 0;
}
.img_su {
    height:auto;
    width: 5%;
    position:absolute;
    left:50%;
    top:92%;
    margin-left:-12px;
}
.page-1-1 .img_1 {

    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.page-2-1 .img_1 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.page-3-1 .img_1 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.page-4-1 .img_1 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
